<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Window对象</title>


</head>
<body>
  <input id="openBtn" type="button" value="打开窗口">
  <input id="closeBtn" type="button" value="关闭窗口">
  <script>
    /**
     * Window：窗口对象
     *    1.创建：
     *    2.方法：
     *      1.与弹出框有关的方法：
     *          alert()：显示带有 一段消息 和 一个确认按钮 的警告框
     *          confirm()：显示带有 一段消息 以及 确认按钮 和 取消按钮 的对话框
     *              * 如果用户点击 确定按钮，方法返回 true
     *              * 如果用户点击 取消按钮，方法返回 false
     *          prompt()：显示 可提示用户输入的 对话框
     *              * 返回值：获取用户输入的值
     *      2.与打开关闭有关的方法：
     *          close()：关闭浏览器窗口
     *              * 谁调用我，我关谁
     *          open()：打开一个新的浏览器窗口
     *              * 返回一个新的 Window 对象
     *      3.与定时器有关的方法：
     *          setTimeout()：在指定的毫秒数后调用函数或计算表达式。
     *              *参数：
     *                1. JS代码 或者 方法对象
     *                2. 毫秒值
     *              *返回值：唯一标识，用于取消定时器
     *          clearTimeout()：取消由 setTimeout() 方法设置的 timeout。
     *
     *          setInterval()：按照指定的周期（以毫秒计）来调用函数或计算表达式。
     *          clearInterval()：取消由 setInterval() 设置的 timeout。
     *
     *    3.属性：
     *          1.获取其他 BOM 对象：
     *              history
     *              location
     *              Navigator
     *              Screen
     *           2.获取 DOM 对象：
     *              document
     *    4.特点：
     *      * Window对象不需要创建可以直接使用 window 使用。  window.方法名();
     *      * window引用可以省略。   方法名();
     */

    alert("Hello window");
    window.alert("Hello~~~");

    var flag = confirm("您确定要退出吗？");
    alert(flag);

    if(flag){
      //退出操作

      alert("欢迎再次光临！")
    }else{
      //提示：手别抖。。。
      alert("手别抖。。。")
    }

    //输入框
    var result = prompt("请输入用户名");
    alert(result);

    //打开一个新窗口
    var openBtn = document.getElementById("openBtn");
    var newWindow;
    openBtn.onclick = function(){
      //打开新窗口
      newWindow = open("https://www.baidu.com");
    }

    //关闭已经打开的窗口
    var closeBtn = document.getElementById("closeBtn");
    closeBtn.onclick = function(){
      //关闭已经打开的窗口
      newWindow.close();
    }

    //一次性定时器
    setTimeout("fun()",2000);
    var id = setTimeout(fun,2000);
    clearTimeout(id);

    function fun() {
        alert("boom~~");
    }

    //循环定时器
    var id1 = setInterval(fun,2000);
    clearInterval(id1);

    //获取history
    var h1 = window.history;
    var h2 = history;

    alert(h1);
    alert(h2);

    var openBtn = window.document.getElementById("openBtn");
    alert(openBtn);
    //document.getElementById("");

  </script>
</body>
</html>